import React from 'react'
// 这两个是高级组件
import { inject, observer } from 'mobx-react'

/**
 * 基本语法：
 * observer(inject('store')(UIComponent))
 * observer(UICompoent)它的作用是把React组件变成观察者。
 * 特点：当mobx中被观察者的数据发生变化时，观察者自动更新。
 * 小项目：mobx6和mobx-react7
 * 
 * inject('store')(UIComponet)它的作用是注入mobx
*/

export default inject('todolist', 'music')(observer(props => {
  console.log( props )
  let { todolist } = props

  const edit = () => {
    todolist.shareData('shi meng ren!!!')
  }

  return (
    <div className="test-mobx">
      <h1>测试mobx状态管理</h1>
      <h2>{ todolist.msg }</h2>
      <button onClick={ edit }>修改</button>
    </div>
  )
})) 